var num=0
// 横导航阴影
$(function(){
	$('.header-left li').eq(0).addClass('shadow')
	$('.header-left li').click(function(){
		$(this).addClass('shadow')
		$(this).siblings().removeClass('shadow')
	})
})

// 加载gif
	$('#shclDefault').shCircleLoader();
	$('#shclDefault').fadeOut(800);


// 切换导航
$(function(){
	$('.main-left div').eq(0).addClass('show');
	$('.header-left li').click(function(){
		var index=$(this).index();
		$('.main-left div').removeClass('show');
		$('.main-left div').eq(index).addClass('show');
	})
})


// 第一个滑动显示
$(function(){
	$('.main-left .main-left-one ul').slideUp(0)
	$('.main-left .main-left-one ul').eq(0).slideDown(0)
	$('.main-left .main-left-one article').eq(0).addClass('article1');
	$('.main-left .main-left-one article').click(function(){
		var index=$(this).index()
		var a=$('.main-left .main-left-one ul').eq(index/2)
		if(a.css('display')=='none'){
			$('.main-left .main-left-one ul').slideUp(500)
			$('.main-left .main-left-one article').removeClass('article1');
			$('.main-left .main-left-one ul').eq(index/2).slideDown(500)
			$(this).addClass('article1');

		}else{
			$('.main-left .main-left-one ul').eq(index/2).slideUp(500)
			$('.main-left .main-left-one article').removeClass('article1');
		}
	})
})



// 点击第二个滑动显示
$(function(){
	$('.main-left .main-left-two ul').slideUp(0)
	$('.main-left .main-left-two ul').eq(0).slideDown(0)
	$('.main-left .main-left-two article').eq(0).addClass('article1');
	$('.main-left .main-left-two article').click(function(){
		var index=$(this).index()
		var a=$('.main-left .main-left-two ul').eq(index/2)
		if(a.css('display')=='none'){
			$('.main-left .main-left-two ul').slideUp(500)
			$('.main-left .main-left-two article').removeClass('article1');
			$('.main-left .main-left-two ul').eq(index/2).slideDown(500)
			$(this).addClass('article1');

		}else{
			$('.main-left .main-left-two ul').eq(index/2).slideUp(500)
			$('.main-left .main-left-two article').removeClass('article1');
		}
	})
})



// 点击第三个滑动显示
$(function(){
	$('.main-left .main-left-three ul').slideUp(0)
	$('.main-left .main-left-three ul').eq(0).slideDown(0)
	$('.main-left .main-left-three article').eq(0).addClass('article1');
	$('.main-left .main-left-three article').click(function(){
		var index=$(this).index()
		var a=$('.main-left .main-left-three ul').eq(index/2)
		if(a.css('display')=='none'){
			$('.main-left .main-left-three ul').slideUp(500)
			$('.main-left .main-left-three article').removeClass('article1');
			$('.main-left .main-left-three ul').eq(index/2).slideDown(500)
			$(this).addClass('article1');

		}else{
			$('.main-left .main-left-three ul').eq(index/2).slideUp(500)
			$('.main-left .main-left-three article').removeClass('article1');
		}
	})
})


// 点击第四个滑动显示
$(function(){
	$('.main-left .main-left-four ul').slideUp(0)
	$('.main-left .main-left-four ul').eq(0).slideDown(0)
	$('.main-left .main-left-four article').eq(0).addClass('article1');
	$('.main-left .main-left-four article').click(function(){
		var index=$(this).index()
		var a=$('.main-left .main-left-four ul').eq(index/2)
		if(a.css('display')=='none'){
			$('.main-left .main-left-four ul').slideUp(500)
			$('.main-left .main-left-four article').removeClass('article1');
			$('.main-left .main-left-four ul').eq(index/2).slideDown(500)
			$(this).addClass('article1');

		}else{
			$('.main-left .main-left-four ul').eq(index/2).slideUp(500)
			$('.main-left .main-left-four article').removeClass('article1');
		}
	})
})


// 给主要内容添加id
$(function(){
	var c=$('.main-right').children().length
	// $('.tab div').prop("id",1);
	for (var i = 0; i < c; i++) {
		$('.main-right').children().eq(i).prop("id",'tab'+(i+1));
	};
})


// 点击获取对应的li显示主要内容
$(function(){	
				$('.main-left li').click(function(){
					var	pad='tab'+($('.main-left li').index($(this))+2)
					var pad1=$('.main-left li').length
					var tabs=[]
					for (var g = 1; g < pad1+2; g++) {
						var h="tab"+g
						tabs.push(h)
					};
				  for(var j=0;j<pad1;j++){
				      if(tabs[j]==pad){
				      	$(tabs[j]).addClass('show');;
					  }else{
					    $(tabs[j]).removeClass('show');
					  }
			  	   }
// 点击后加载gif
			$('#shclDefault').stop(true,true).fadeIn(500);
			$('#shclDefault').shCircleLoader();
			$('#shclDefault').fadeOut(800);


 // 增加显示栏
		$(this).children().css("color","#db5a55");
		$(this).siblings().children().css("color","#cacaca");
		var a=$(this).text()
		var d=false
		var b=$('.main-right-header li').length
		for(var j=0;j<pad1+1;j++){
			if(pad==tabs[j]){
				$('.main-right').children().eq(j).addClass('show');
				$('.main-right').children().eq(j).siblings().removeClass('show');


				// 列表隔行背景颜色
				// var aaa=$('.show tr').length
				// console.log(aaa)
				// for (var f = 1; f < aaa; f++) {
				// 	$('.show tr').eq(f*2-1).css('background','#f9fcfc')
				// };
			}		
		}
		for (var i = 0; i < b; i++) {
			var c=$('.main-right-header em').eq(i).text()
			if(pad==c){
				d=true
				$('.main-right-header li').css({'background':'#f6f7f9'})
				$('.main-right-header li span').css({'color':'#7e91a0'})
				$('.main-right-header li').eq(i).css('background','#ffffff')
				$('.main-right-header li').eq(i).find('span').css({'color':'#3e4f59'})
				// $('.main-right-header li span').css('border-right','1px solid #dfdfdf')
				// $('.main-right-header li span').eq(i).css('border-right','0px')
				// $('.main-right-header li span').eq(i-1).css('border-right','0px')
			}		
		}
		if(d==false){
			$('.main-right-header ul').append("<li></li>");
			$('.main-right-header li').last().append("<em></em>");
			$(".main-right-header li em").last().text(pad);
			$(".main-right-header li").last().append("<span></span>");
			$(".main-right-header li span").last().text(a);
			$(".main-right-header li span").last().append("<i></i>");
			$('.main-right-header i').addClass('glyphicon glyphicon-remove');	
			$('.main-right-header li').css('background','#f6f7f9')
			$('.main-right-header li span').css({'color':'#7e91a0'})
			$('.main-right-header li').eq(i).find('span').css({'color':'#3e4f59'})
			$('.main-right-header li').eq(i).css('background','#ffffff')
			// $('.main-right-header li span').css('border-right','1px solid #dfdfdf')
			// $('.main-right-header li span').eq(i).css('border-right','0px')
			// $('.main-right-header li span').eq(i-1).css('border-right','0px')


			// 左右按钮隐藏出现
			$(function(){
			     	var a=$('.main-right-header li').length
			     	var d=$('.main-right-header').width()
					var	c=0
					for (var i = 0; i < a; i++) {
						var b=$('.main-right-header li').eq(i).width();
						c=c+b
					};
					if(c > d){
				    $('.one').addClass('show');
				    	num=1
				    	e=(c-d)*(0.5*num*2)
					$('.main-right-header ul').stop().animate({left:-e}, 700);
					}
			})





		}
		d=false


		// 控制显示栏ul长度
			$(function(){
				var a=$('.main-right-header li').length
						     	var d=$('.main-right-header').width()
								var	c=0
								for (var i = 0; i < a; i++) {
									var b=$('.main-right-header li').eq(i).width();
									c=c+b
								};
				b=$('.main-right-header ul').width()
				if(c>b){
					$('.main-right-header ul').width(c)
				}
			})


	})
})



// 左右活动显示栏
$(function(){
	var e
	$('.one').click(function(event) {
		$('.two').addClass('show');

			// 控制显示栏ul长度
				var f=$('.main-right-header li').length
								var	g=0
								for (var i = 0; i < f; i++) {
									var h=$('.main-right-header li').eq(i).width();
									g=g+h
								};
				h=$('.main-right-header').width()
				if(g<h){
					num=1
				}

				var a=$('.main-right-header li').length
			    var d=$('.main-right-header').width()
				var	c=0
				for (var i = 0; i < a; i++) {
					var b=$('.main-right-header li').eq(i).width();
					c=c+b
				};
				  if(num==0){
				 	$('.main-right-header ul').stop().animate({left:-e}, 700);
		 		 }else if(num==1){
		 		 	num=num-1
		 		 	e=(c-d)*(0.5*num)
		 		 	$('.one').removeClass('show');
					$('.main-right-header ul').stop().animate({left:-e}, 700);
				}else if(num==2){
					num=num-1
					e=(c-d)*(0.5*num)
				$('.main-right-header ul').stop().animate({left:-e}, 700);		}
	
	});
	$('.two').click(function(event) {
			$('.one').addClass('show');
			// 控制显示栏ul长度
				var f=$('.main-right-header li').length
								var	g=0
								for (var i = 0; i < f; i++) {
									var h=$('.main-right-header li').eq(i).width();
									g=g+h
								};
				h=$('.main-right-header').width()
				if(g>h){
					
					var a=$('.main-right-header li').length
			     	var d=$('.main-right-header').width()
					var	c=0
					for (var i = 0; i < a; i++) {
						var b=$('.main-right-header li').eq(i).width();
						c=c+b
							};
					 if(num==0){
					 	num=num+1
					 	e=(c-d)*(0.5*num)
					 	$('.main-right-header ul').stop().animate({left:-e}, 700);
		 			 }else if(num==1){
		 			 	num=num+1
		 			 	e=(c-d)*(0.5*num)
		 			 	$('.two').removeClass('show');
						$('.main-right-header ul').stop().animate({left:-e}, 700);
					}else if(num>1){
						num=2
					$('.main-right-header ul').stop().animate({left:-e}, 700);		}


				}
		
	});
})


// 删除显示栏
$(function(){
	$('body').on('click','.main-right-header li i',function(){
		var txt=$(this).parent().siblings('em').text()
	 	var a=$('.main-right').children().length
		var txt3=$(this).parents('li').index()
		var txt4=$('.main-right-header em').eq(txt3-1).text()
		var bg=$('.main-right-header li span').eq(txt3-1).parents('li').css('backgroundColor')=='rgb(225, 245, 255)'
		var bg1=$('.main-right-header li span').eq(txt3+1).parents('li').css('backgroundColor')=='rgb(225, 245, 255)'
	 	$(this).parents('li').remove()



	 	// 左右按钮隐藏出现
		$(function(){
		     	var a=$('.main-right-header li').length
			     	var d=$('.main-right-header').width()
					var	c=0
					for (var i = 0; i < a; i++) {
						var b=$('.main-right-header li').eq(i).width();
						c=c+b
					};

					
					if(c < d||c==d){
				    $('.one').removeClass('show');
				    $('.two').removeClass('show');
				     num=0
				    var e=(c-d)*(0.5*num)
					$('.main-right-header ul').stop().animate({left:-e}, 700);
					}
		})

		// 控制显示栏ul长度
		$(function(){
				var a=$('.main-right-header li').length
				var e=$('.main-right-header').width()
						     	var d=$('.main-right-header').width()
								var	c=0
								for (var i = 0; i < a; i++) {
									var b=$('.main-right-header li').eq(i).width();
									c=c+b
								};
				b=$('.main-right-header ul').width()
				if(c<e||c==e){
					$('.main-right-header ul').width(e)
				}
			})

	 	// 主要内容id数组
	 	var	pad='tab'+($('.main-left li').index($(this))+2)
					var pad1=$('.main-left li').length
					var tabs=[]
					for (var g = 1; g < pad1+2; g++) {
						var h="tab"+g
						tabs.push(h)
					};

	 	for (var i = 0; i < a; i++) {
			if(txt4==tabs[i]){
				for (var r = 0; r < a; r++) {
	    			if($("#"+tabs[r]).is('.show')==true){
						txt5=tabs[r]
						if(txt==txt5){	
							$('.main-right').children().siblings().removeClass('show');
							$('.main-right').children().eq(i).addClass('show');
							$('.main-right-header li').css('background','#f6f7f9')
							$('.main-right-header li span').css({'color':'#7e91a0'})
							$('.main-right-header li').eq(txt3-1).find('span').css({'color':'#3e4f59'})
							$('.main-right-header li').eq(txt3-1).css('background','#ffffff')
							// $('.main-right-header li span').css('border-right','1px solid #dfdfdf')
							// $('.main-right-header li span').eq(txt3-1).css('border-right','0px')
							// $('.main-right-header li span').eq(txt3-2).css('border-right','0px')
						 }
						//  else if(bg==true||bg1==true){
						// 	$('.main-right-header li span').eq(txt3-1).css('border-right','0px')
						// }
	    			}
				}

			}
		}	
		return false;
	});
})


// 显示主页内容
$(function(){
	$('.main-right').children().eq(0).addClass('show');
	$('.main-right-header li').eq(0).css('background','#ffffff')
	$('.main-right-header li').eq(0).find('span').css({'color':'#3e4f59'})
	// $('.main-right-header li span').eq(0).css('border-right','0px')
	$('body').on('click','.main-right-header li',function(){
	 	var txt=$(this).children('em').text()
	 	var index=$(this).index()
	 	var a=$('.main-right').children().length

	 	// 主要内容id数组
	 	var	pad='tab'+($('.main-left li').index($(this))+2)
					var pad1=$('.main-left li').length
					var tabs=[]
					for (var g = 1; g < pad1+2; g++) {
						var h="tab"+g
						tabs.push(h)
					};
	 	for (var i = 0; i < a; i++) {
			if(txt==tabs[i]){
				$('.main-right').children().eq(i).addClass('show');
				$('.main-right').children().eq(i).siblings().removeClass('show');
				$('.main-right-header li').css('background','#f6f7f9')
				$('.main-right-header li span').css({'color':'#7e91a0'})
				$('.main-right-header li').eq(index).find('span').css({'color':'#3e4f59'})
				$('.main-right-header li').eq(index).css('background','#ffffff')
				// $('.main-right-header li span').css('border-right','1px solid #dfdfdf')
				// $('.main-right-header li span').eq(index).css('border-right','0px')
				// $('.main-right-header li span').eq(index-1).css('border-right','0px')
			}		
		}
	});
})








// 删除首页提醒栏
$(function(){
	$('.main-right-index1 span').click(function(){
		$('.main-right-index1').remove()
		$('.main-right-index2').css({'margin':'58px auto','margin-bottom':'0px'})
	})
})

// 主要内容头部第一个蓝色
$(function(){
	$('.main-right-content-header div:first-child').css({'border-bottom':'2px solid #e84c57','color':'#e84c59','font-weight':'bold'})
	$('.class :first-child')
	$('.main-right-content-header1').eq(0).css({'border-bottom':'2px solid #e84c57','color':'#e84c59','font-weight':'bold'})
	$('.main-right-content-header1').click(function(){
		$(this).css({'border-bottom':'2px solid #e84c57','color':'#e84c59','font-weight':'bold'})
		$(this).siblings().css({'border-bottom':'0px solid red','color':'black','font-weight':'normal'})
	})
})

// 清除按钮
$(function(){
	$('.main-right-content-middle3').click(function(){
		$(this).siblings().children('input').val('')
	})
})
// // 提示插件
// $(function () {
//   $('[data-toggle="tooltip"]').tooltip()
// })




// 让列表看起来变化
$(function(){
	$(".main-right-content-middle6").each(function (index){
		$(this).siblings('.main-right-content-middle7').children('.main-right-content-text1').children('button').eq(0).click(function () {
		var a=$(".main-right-content-middle6").eq(index).children('.bootstrap-table').children('.fixed-table-container').children('.fixed-table-body').children('table')
		var b=a.children('tbody').children('tr')
		$(".main-right-content-middle6").eq(index).children('.bootstrap-table').children('.fixed-table-container').children('.fixed-table-body').children('table').children('tbody').children('tr').children('td:nth-child(3)').text('陈中豪')
		})
		$(this).siblings('.main-right-content-middle7').children('.main-right-content-text1').children('button').eq(1).click(function () {
		var a=$(".main-right-content-middle6").eq(index).children('.bootstrap-table').children('.fixed-table-container').children('.fixed-table-body').children('table')
		var b=a.children('tbody').children('tr')
		$(".main-right-content-middle6").eq(index).children('.bootstrap-table').children('.fixed-table-container').children('.fixed-table-body').children('table').children('tbody').children('tr').children('td:nth-child(3)').text('陈大豪')
		})
		$(this).siblings('.main-right-content-middle7').children('.main-right-content-text1').children('button').eq(2).click(function () {
		var a=$(".main-right-content-middle6").eq(index).children('.bootstrap-table').children('.fixed-table-container').children('.fixed-table-body').children('table')
		var b=a.children('tbody').children('tr')
		$(".main-right-content-middle6").eq(index).children('.bootstrap-table').children('.fixed-table-container').children('.fixed-table-body').children('table').children('tbody').children('tr').children('td:nth-child(3)').text('李阿安')
		})
		$(this).siblings('.main-right-content-middle7').children('.main-right-content-text1').children('button').eq(3).click(function () {
		var a=$(".main-right-content-middle6").eq(index).children('.bootstrap-table').children('.fixed-table-container').children('.fixed-table-body').children('table')
		var b=a.children('tbody').children('tr')
		$(".main-right-content-middle6").eq(index).children('.bootstrap-table').children('.fixed-table-container').children('.fixed-table-body').children('table').children('tbody').children('tr').children('td:nth-child(3)').text('王马明')
		})



	})
})


// 鼠标移入头像
$(function(){
	// 退出登录
	$('.glyphicon-off').click(function(){
		$('.navigation1').slideToggle(300)
		$(".navigation2").slideUp(300)
		return false 
	})

	// 个人信息
	$('.glyphicon-user').click(function(){
		$('.navigation2').slideToggle(300)
		$(".navigation1").slideUp(300)
		return false
	})
	// 失去焦点
	$(document).click(function(){
   		$(".navigation2").slideUp(300)
   		$(".navigation1").slideUp(300)
	});
})


